<%-- 
    Document   : add_course_to_student_form
    Created on : Oct 3, 2011, 8:33:11 AM
    Author     : lexis
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel=StyleSheet href="style.css" TYPE="text/css" MEDIA=screen>
        <script type="text/javascript" src="js/jquery-1.5.min.js"></script>
        <script type="text/javascript" src="js/formValidator.js"></script>
        <title></title>
    </head>
    <body>
        <form id=user_info name="userForm" class="student">
            <fieldset>
                <legend>Assign Course To Student</legend>
                <ol>
                    <div>
                        <li>
                            <label for=usertype>Select Class</label>
                            <select size="1" name="userType" id="userType" class="userInput">
                                <!-- The various classes will be populated here dynamically from the database -->
                                <option></option>
                                <option>SCI1A</option>
                                <option>SCI1B</option>
                                <option>SCI1C</option>
                                <option>VOC1A</option>
                                <option>SCI1B</option>
                                <option>GEN1A</option>
                                <option>GEN2A</option>
                                <option>TEC1</option>
                                <option>TEC2</option>
                            </select>
                            <span class="error" id="userTypeError">Course Required</span>
                        </li>
                    </div>                    
                    <div>
                        <li>
                            <label for=usertype>Select Course</label>
                            <select size="1" name="userType" id="userType" class="userInput">
                                <!-- The courses will also be populated here from the database -->
                                <option></option>
                                <option>Agriculture Science</option>
                                <option>Cultural Studies</option>
                                <option>Social Studies</option>
                                <option>Mathematics</option>
                                <option>Intergrated Science</option>
                                <option>Electrical Engineering</option>
                            </select>
                            <span class="error" id="userTypeError">Course Required</span>
                        </li>
                    </div>
                    <div>
                        <li>
                            <label for=usertype>Select Student</label>
                            <select size="1" name="userType" id="userType" class="userInput">
                                <!-- Student data names(Fist Name,Last Name, Other Name)
                                will be populated dynamically here, based on the class selected above
                                some sorting by class needs to be done -->
                                <option><% %></option>
                                <option>Andrei Arshavin</option>
                                <option>Alexander Song</option>
                                <option>Theo Walcott</option>
                                <option>Mikel Arteta</option>
                                <option>Youssi Benayoun</option>
                                <option>Robin Van Persie</option>
                            </select>
                            <span class="error" id="userTypeError">User Type is required</span>
                        </li>
                    </div>
            </fieldset>
            <fieldset>
                <button type=submit class="button" name="assignCourseToStudent">Assign Course</button>
            </fieldset>
        </form>
    </body>
</html>
